<template>
  <div>
      <input type="text" id="demoinput">
      <!-- 1.使用ref给元素起个名字 -->
      <input type="text" ref="refinput">
      <input type="text">
      user
      <button @click="fun()">点我得到输入框的值</button>
  </div>
</template>

<script>
export default {
    methods:{
        fun(){
            // console.log(document.getElementById("demoinput").value)
            // 2.找到ref的内容
            console.log(this.$refs.refinput.value)
        }
    }
}
</script>

<style>

</style>